:root {
    /* 文字大小变量 */
    --q-text-size-12: 12px;
    --q-text-size-14: 14px;
    --q-text-size-16: 16px;
    --q-text-size-18: 18px;
    --q-text-size-20: 20px;
    --q-text-size-22: 22px;
    --q-text-size-24: 24px;

    /* 提示背景色 */
    --q-message-bg-color: var(--el-color-primary-light-4);
    --q-font-weight-primary: 500;

    /* 边距基础变量 */
    --q-base-gap-primary: 24px;
    --q-base-gap-secondary: 16px;
    --q-base-gap-primary-middle: 28px;

    /* 背景基础变量 */
    --q-menu-hover-bg-color: #ebf1ff;
    --q-title-bg-color: #cce0ff;

    /* 主题色 */
    --q-color-primary: #06f;
    --q-color-success: #00bb2c;
    --q-color-warning: #ff8713;
    --q-color-danger: #fc4848;
    --q-color-info: #ebf1ff;
    --q-color-primary-light-3: #05d;
    --q-color-primary-light-4: #1890ff;
    --q-color-primary-light-5: #99bbf1;
    --q-color-warning-light-3: #e17f20;
    --q-color-nav-hover: rgb(0 102 255 / 10%);
    --q-color-shadow-primary: rgb(0 0 0 / 8%);
    --q-color-shadow-light: 0px 0px 12px rgb(0 0 0 / 12%);
    --q-font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;

    /* 文本填充色 */
    --q-text-color-primary: #141414;
    --q-text-color-regular: #434343;
    --q-text-color-secondary: #8c8c8c;
    --q-text-color-status: #595959;
    --q-text-color-placeholder: var(--el-color-info-light-5);
    --q-border-color: var(--el-color-info-light-8);

    /* 文本信息亮度级别 */
    --q-color-info-light-5: #bfbfbf;
    --q-color-info-light-8: #d9d9d9;
    --q-color-info-light-9: #f5f5f5;

    /* light 模式变量 */
    --q-bg-color: #fff;
    --q-bg-color-secondary: #f5f5f5;
    --q-bg-color-table: #f9f9f9;
    --q-bg-color-tooptip: rgb(48 65 86);
    --q-bg-color-table-shadow: linear-gradient(to top, #eee 0%, rgb(255 255 255 / 0%) 100%);
    --q-bg-color-mask: #00000073;
    --q-text-color: #000;
    --q-text-color-light: #fff;
    --q-table-hover-bg-color: #ebf1ff;
    --q-bg-color-import: #f7f8fa;
    --q-bg-color-border: var(--q-color-info-light-9);
    --q-bg-color-radio: var(--q-color-info-light-8);
    --q-bg-blur-start: rgb(248 249 253 / 100%);
    --q-bg-blur-end: rgb(248 249 253 / 10%);
    --q-bg-menu-hover: var(--q-color-info-light-9);
    --q-bg-menu-tag-hover: rgb(0 0 0 / 30%);
    --q-tool-color-border: #d9d9d9;
    --q-tool-hover-border-color: #c6e2ff;
    --q-drawer-border-color: #f5f5f5;

    /* 圆角 */
    --q-popper-border-radius: 4px;

    /* button 之间距离 */
    --q-button-spacing: 16px;

    /* 滚动条 */
    --q-scrollbar-width: 6px;
    --q-scrollbar-height: 4px;
    --q-bg-scrollbar-thumb: #d1d1d1;
    --q-bg-scrollbar-thumb-hover: #8c8c8c;

    /* 全局 loading */
    --q-loading-bg: url('@/assets/img/loading.svg');

    /* 贝塞尔动画 */
    --q-bounce-function: cubic-bezier(0.56, -0.87, 0.78, 1.66);

    /* 弹框title与footer 的 border 颜色 */
    --q-modal-border-color: #d9d9d9;
}
